import Vuerouter from "vue-router";

const routes = new Vuerouter({
  // 区别history路径不带#，比较美观
  // history模式，刷新会吧路径当做接口资源，但是hash不会
  mode: 'history',

  routes:[
    {
          // path为/代表一进入页面就展示的页面
          path: '/',
          component: () =>
            import('../yonghu/denglu.vue'),
          // 重定向（会展示重定向里面的路由）
          // 他只是一进入页面的时候有效果 
          name: 'denglu',
          // redirect:{name:'home'},
          // 路由元信息(写自定义变量)
          meta: {
            // title: 'home',
            isAutr: true
    
          },
          // 包涵子路由
     },{
      path: '/app',
      component: () =>
      import('../yonghu/app.vue'),
      name: 'app',
      redirect:{name:'1'},
      meta: {
        // title: 'home',
        isAutr: true
      },
      children:[{
        path: '/1',
        component: () =>
        import('../yonghu/zizujian/1.vue'),
        name: '1',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/2',
        component: () =>
        import('../yonghu/zizujian/2.vue'),
        name: '2',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/3',
        component: () =>
        import('../yonghu/zizujian/3.vue'),
        name: '3',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/4',
        component: () =>
        import('../yonghu/zizujian/4.vue'),
        name: '4',
        meta: {
   
          isAutr: true
        },
      },{
        path: '/5',
        component: () =>
        import('../yonghu/zizujian/5.vue'),
        name: '5',
        meta: {

          isAutr: true
        },
      }]
     },
  
  ]
  
})


export default routes